/* 2017-03-31  by 陈逍遥 */

/*..................................代练首页................................*/
input[type="text"] {
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border-radius: 0;
    border: none;
}

input[type="tel"] {
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border-radius: 0;
    border: none;
}

.top-right a {
    display: inline-block;
    padding-right: .3rem;
}

.top-right a img {
    font-size: 0;
    width: .44rem;
}

.top-header .mycard {
    position: absolute;
    right: .3rem;
    color: #1f76d9;
}

.dl01 {
    padding: .42rem;
    box-sizing: border-box;
}

.dl01 .dl-wj {
    background: url(../../images/dl-icon01.png) .56rem center no-repeat #fff;
    background-size: .62rem;
}

.dl01 .dl-pl {
    background: url(../../images/dl-icon03.png) .56rem center no-repeat #fff;
    background-size: .62rem;
}

.dl01 .dl-ds {
    background: url(../../images/dl-icon02.png) .56rem center no-repeat #fff;
    background-size: .62rem;
}

.dl01 .dl-store {
    background: url(../../images/icon-store.png) .56rem center no-repeat #fff;
    background-size: .62rem;
}

.dl01 .dl01a {
    margin-bottom: .4rem;
    height: 1.68rem;
    width: 100%;
    padding: .24rem .3rem;
    padding-left: 1.7rem;
    box-sizing: border-box;
    box-shadow: 3px 3px 3px #ddd;
}

.dl01 span {
    display: block;
    width: 100%;
    line-height: 1.2rem;
    padding: 0 .48rem;
    background: url(../../images/right4.png) right center no-repeat;
    color: #000;
    border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
    background-size: .24rem;
}

/*新版游戏代练图标*/

.dl01-new {
    padding: 0 .42rem;
    box-sizing: border-box;
}

.dl01-new p {
    padding: 0.2rem 0;
    color: #909090;
    margin-top: 0.1rem
}

.dl01-new .dl-wj-new {
    background: url(../../images/dl-icon05.png) .3rem center no-repeat #fff;
    background-size: .86rem .62rem;
}

.dl01-new .dl-pl-new {
    background: url(../../images/dl-icon06.png) .3rem center no-repeat #fff;
    background-size: .86rem .62rem;
}

.dl01-new .dl-ds-new {
    background: url(../../images/dl-icon07.png) .3rem center no-repeat #fff;
    background-size: .86rem .62rem;
}

.dl01-new .dl-store-new {
    background: url(../../images/dl-icon08.png) .3rem center no-repeat #fff;
    background-size: .86rem .62rem;
}

/*.dl01-new .dl01a-new {margin-bottom: .2rem;height: 1.68rem;width: 100%;padding: .24rem .3rem;padding-left: 1.45rem;box-sizing: border-box;box-shadow: 3px 3px 3px #ddd;border-radius: 0.2rem}*/
.dl01-new .dl01a-new {
    margin-bottom: .2rem;
    height: 1.68rem;
    width: 100%;
    padding: .24rem .3rem;
    padding-left: 1.45rem;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px #ccc;
    border-radius: 0.12rem;
}

.dl01-new span {
    display: block;
    width: 100%;
    line-height: 1.2rem;
    background: url(../../images/right4.png) right center no-repeat;
    color: #000;
    box-sizing: border-box;
    background-size: .2rem;
}

/*..................................我要做打手................................*/
.pl-50 {
    padding-left: .5rem;
}

.release-main {
    height: auto;
    display: block;
    overflow: hidden;
}

.settled-step {
    height: auto;
    display: block;
    overflow: hidden;
}

.settled-step ul li {
    float: left;
}

.settled-step ul li.step01 {
    width: 28%;
}

.settled-step ul li.step02 {
    width: 5%;
}

.settled-step ul li.step03 {
    width: 30%;
}

.settled-step ul li .set-conn {
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
}

.settled-step ul li .set-conn span {
    display: block;
    width: .48rem;
    height: .48rem;
    font-family: "arial";
    font-size: .28rem;
    color: #fff;
    background-color: #c4c4c4;
    border-radius: 50%;
    line-height: .48rem;
    margin: 0 auto;
}

.settled-step ul li .set-conn p {
    font-size: .26rem;
    color: #999999;
    height: .32rem;
    line-height: .32rem;
    margin-top: .14rem;
}

.settled-step ul li i {
    display: block;
    height: .94rem;
    width: auto;
    background: url(../../images/settled-step-ico.png) no-repeat center center;
    background-size: .12rem;
}

.settled-step ul li .set-active span {
    background-color: #f75e46;
}

.settled-step ul li .set-active p {
    color: #f75e46;
}

.cerif-main {
    height: auto;
    display: block;
    overflow: hidden;
}

.rele-title {
    height: 1.1rem;
    line-height: 1.1rem;
}

.curent {
    background: url(../../images/curent.jpg) .28rem center no-repeat #fff;
    background-size: .06rem;
}

.cerif-conn {
    display: block;
    overflow: hidden;
}

.cerif-conn p {
    font-size: .32rem;
    line-height: .56rem;
    color: #000;
}

.cerif-conn p i {
    color: #126fcd;
}

.cerif-conn a {
    display: block;
    text-align: right;
    font-size: .32rem;
    line-height: .56rem;
    color: #337bd1;
    margin-top: .1rem;
}

.rele-conv {
    background-color: #fff;
    height: auto;
    display: block;
    overflow: hidden;
    padding: .3rem 0px .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.upload-img2 div .del-mask {
    width: 100%;
    height: 0.5rem;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0.3rem;
}

.rele-conv .re-img {
    height: auto;
    display: block;
}

.rele-conv .re-img ul {
    width: 100%;
    height: auto;
}

.rele-conv .re-img .re-file {
    float: left;
    width: 22%;
    height: 1.54rem;
    position: relative;
}

.rele-conv .re-img .re-file .btn {
    display: block;
    width: 1.52rem;
    height: 1.52rem;
}

.rele-conv .re-img .re-file span {
    display: inline-block;
    width: 1.55rem;
    height: 1.52rem;
    text-align: center;
    background: url(../../images/expo-increase.png) no-repeat center center;
    border: 1px solid #e8e8e8;
    background-size: 1.22rem;
}

.rele-conv .re-img .re-file #ossfile {
    display: none;
}

.rele-list {
    height: auto;
    display: block;
    overflow: hidden;
}

.rele-list ul li {
    height: 1.1rem;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.rele-list ul li span {
    display: inline-block;
    height: 1.1rem;
    line-height: 1.08rem;
    font-size: .32rem;
    float: left;
    width: 1.8rem;
}

.rele-list ul li .rele-input-tx2 {
    width: 4.15rem;
    padding: .25rem 0;
    line-height: .59rem;
}

.rele-btn {
    height: auto;
    display: block;
    overflow: hidden;
}

.rele-btn a {
    display: block;
    height: .92rem;
    background-color: #f75e46;
    color: #fff;
    text-align: center;
    font-size: .36rem;
    line-height: .92rem;
}

/*..................................区服选择................................*/
.search-game .sgame {
    position: relative;
    padding: .15rem .3rem;
    height: 1.2rem;
}

.search-game .sgame span {
    float: left;
    width: 50%;
    height: .36rem;
    line-height: .36rem;
    padding-left: .2rem;
    margin-top: .25rem;
    border-left: .07rem solid #f75e46;
    white-space: nowrap;
}

.search-game .sgame .text-input {
    float: left;
    height: .88rem;
    width: 50%;
    padding-left: .96rem;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    line-height: .5rem;
    color: #bbb;
    background: url(../../images/search4.png) .3rem center no-repeat #fff;
    background-size: .33rem;
}

.search-list {
}

.search-list .slist {
}

.search-list .slist li {
    line-height: 1.2rem;
    float: left;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 .1rem;
    white-space: nowrap;
    overflow: hidden;
}

.search-list .slist .style01 li {
    width: 100%;
}

.search-list .slist .style02 li {
    width: 50%;
    border-right: 1px solid #e8e8e8;
}

.search-list .slist .style03 li {
    width: 33.33%;
    border-right: 1px solid #e8e8e8;
}

.mt-100 {
    margin-top: .97rem;
}

/*..................................fixed留白补充................................*/
.fixedspace {
    width: 100%;
    height: 0.96rem;
    margin-top: 1px;
}

.fixedspace2 {
    width: 100%;
    height: 2.06rem;
    margin-top: 1px;
}

/*..................................历史记录................................*/
.server-histore {
    position: fixed;
    top: .96rem;
    margin-top: 1px;
    z-index: 61;
    background: #fff
}

.server-histore .histore-head {
    padding: .3rem;
    box-sizing: border-box;
    line-height: .48rem;
    height: 1.1rem;
    color: #000
}

.server-histore .histore-head i {
    float: right;
    width: .48rem;
    height: .48rem;
    color: #000;
    background: url(../../images/down4.png) right center no-repeat;
    background-size: .31rem !important
}

.server-histore .histore-head span {
    float: left;
    width: .53rem;
    height: .48rem;
    background: url(../../images/time.png) left center no-repeat;
    background-size: .35rem
}

.server-histore .histore-list {
    display: none;
    position: relative;
    z-index: 61;
    background: #fff;
    max-width: 768px
}

.server-histore .histore-list a {
    position: relative;
    box-sizing: border-box;
    color: #000;
    line-height: 1.1rem;
    height: 1.1rem;
    background: url(../../images/server.png) .3rem center no-repeat;
    background-size: .35rem
}

.server-histore .histore-list a i {
    position: absolute;
    right: .3rem;
    width: 20%;
    height: 1.1rem;
    color: #000;
    background: url(../../images/right.png) right center no-repeat;
    background-size: .13rem;
}

.server-histore .histore-list a span {
    position: absolute;
    left: .83rem;
    display: block;
    width: 80%;
    height: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*搜索选项标签2*/
.search-game {
    float: left;
    width: 100%;
    position: relative;
}

.search-game .tab {
    float: left;
    width: 100%;
    background: #fff;
}

.search-game .tab .tab-nav {
    list-style: none;
}

.search-game .tab .tab-nav li {
    display: inline-block;
    width: 49.7%;
    text-align: center;
    float: left;
}

.search-game .tab .tab-nav li a {
    display: block;
    border-bottom: none;
    font-size: .36rem;
    color: #333;
    line-height: 1rem;
}

.search-game .tab .tab-nav .active {
    background-color: #fff;
}

.search-game .tab .tab-nav .active a {
    cursor: default;
    border-bottom: .048rem solid #f75e46;
    color: #f75e46;
}

.search-game .tab .tab-nav a.dltc {
    background: url(../../images/common/tc-gray.png) 20% center no-repeat;
    background-size: .4rem;
}

.search-game .tab .tab-nav .active a.dltc {
    background: url(../../images/common/tc-red.png) 20% center no-repeat;
    background-size: .4rem;
}

.search-game .tab .tab-nav a.dlsp {
    background: url(../../images/common/dp-gray.png) 20% center no-repeat;
    background-size: .38rem;
}

.search-game .tab .tab-nav .active a.dlsp {
    background: url(../../images/common/dp-red.png) 20% center no-repeat;
    background-size: .38rem;
}

.search-game .tab .tab-body {
    position: relative;
    clear: both;
}

.search-game .tab .tab-body .tab-panel {
    display: none;
}

.search-game .tab .tab-body .active {
    display: block;
}

.search-game .game-list {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #e8e8e8;
    background: #fff;
    padding-top: .2rem;
}

.search-game .tab-class01 {
    float: left;
    width: 86%;
    margin-bottom: 0.5rem;
    padding-top: .2rem;
}

.search-game .tab-class01 ul li {
    width: 33%;
    padding: .1rem 0 .2rem 0;
    font-size: .28rem;
    line-height: 0.5rem;
    text-align: center;
    float: left;
}

.search-game .tab-class01 ul li a {
    display: block;
    text-align: center;
    color: #333;
}

.search-game .tab-class01 ul li img {
    display: block;
    margin-bottom: .05rem;
    width: 1.42rem;
    height: 1.42rem;
    border-radius: 15%;
}

.search-game .tab-class01 ul li a p {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding: 0 5%;
}

.search-game .tab-class02 {
    float: left;
    width: 100%;
    margin-bottom: 0.5rem;
    padding-top: .2rem;
}

.search-game .tab-class02 ul li {
    width: 33%;
    padding: .1rem 0 .2rem 0;
    font-size: .28rem;
    line-height: 0.5rem;
    text-align: center;
    float: left;
}

.search-game .tab-class02 ul li a {
    display: block;
    text-align: center;
    color: #333;
}

.search-game .tab-class02 ul li img {
    display: block;
    margin-bottom: .05rem;
    width: 1.42rem;
    height: 1.42rem;
    border-radius: 15%;
}

.search-game .tab-class02 ul li a p {
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    padding: 0 5%;
}

.search-game .tab-letter {
    position: relative;
    right: 0;
    width: 14%;
    overflow-y: scroll;
    height: 8.64rem;
    z-index: 19;
    background: #f1f1f1;
    -webkit-overflow-scrolling: touch;
}

.search-game .tab-letter a {
    display: block;
    line-height: 1rem;
    text-align: center;
    font-size: .42rem;
    color: #333;
    background: #f1f1f1;
    font-family: "Microsoft Yahei", 'Arial', sans-serif;
}

.search-game .tab-letter a span {
    display: block;
    height: 1rem;
}

.search-game .tab-letter a span.hot-img {
    background: url(../../images/hot.png) center center no-repeat;
    background-size: .4rem;
}

.search-game .tab-letter a.active span.hot-img {
    background: url(../../images/hot2.png) center center no-repeat;
    background-size: .4rem;
}

.search-game .tab-letter a.active {
    background: #fff;
    color: #f75e46;
}

.search-game .tab-letter .letter-bottom {
    background: #f1f1f1;
}

/*..................................定位赛套餐................................*/
.search-game {
    position: relative;
}

.search-game .game2 {
    padding: .15rem .3rem;
    height: 1.2rem;
    box-sizing: border-box;
    position: relative;
}

.search-game .game2 span {
    float: left;
    width: 50%;
    height: .36rem;
    line-height: .36rem;
    box-sizing: border-box;
    padding-left: .2rem;
    margin-top: .25rem;
    font-size: .3rem;
    border-left: .06rem solid #f75e46;
    white-space: nowrap;
}

.search-class {
    position: relative;
}

.search-class .upgrade2 {
    position: relative;
    box-sizing: border-box;
}

.search-class .upgrade2 a {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-right: .87rem;
    background: url(../../images/right2.png) right center no-repeat;
    color: #000;
    background-size: .18rem;
}

.search-class .upgrade2 .upgrade2-list {
    padding-bottom: .6rem;
    height: .48rem;
    line-height: .48rem;
}

.search-class .upgrade2 .upgrade2-list span {
    color: #f75e46;
    padding-right: .32rem;
}

.search-class .upgrade2 .upgrade2-content {
    line-height: 1.5;
    padding-bottom: .096rem;
}

/*..................................选择代练套餐................................*/
.table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-bordered th, .table-bordered td {
    border: solid 1px #e8e8e8;
}

.table td {
    border-top: 1px solid #e8e8e8;
    padding: .08rem 0;
    vertical-align: middle;
    width: 25%;
}

.search-class .package {
    position: relative;
}

.search-class .package table tr td a {
    width: 100%;
    display: block;
    line-height: .6rem;
    text-align: center;
    color: #000;
    overflow: hidden;
}

.search-class .package table tr td a span {
    display: block;
    line-height: .6rem;
    height: .6rem;
    overflow: hidden;
    text-align: center;
}

/*..................................升等级................................*/
.search-class .upgrade {
    position: relative;
    box-sizing: border-box;
}

.search-class .upgrade-list span {
    float: left;
    width: 2.16rem;
    box-sizing: border-box;
    height: .36rem;
    line-height: .36rem;
    margin-top: .06rem;
    padding-left: .18rem;
    border-left: 6px solid #fff;
}

.search-class .upgrade-list input {
    float: left;
    height: .48rem;
    line-height: .48rem;
    font-size: .32rem;
    border: 0;
    width: 3.74rem;
    font-family: 微软雅黑;
}

.search-class .upgrade-list em {
    float: right;
    height: .48rem;
    line-height: .48rem;
    padding-left: .48rem;
}

.search-class .upgrade-result-head {
    height: 1.1rem;
    line-height: 1.1rem;
}

.search-class .upgrade-result {
    height: 1.1rem;
    line-height: 1.1rem;
}

.search-class .upgrade-result .upgrade-result-content {
    float: left;
    width: 50%;
    height: 1.1rem;
    line-height: 1.1rem;
    box-sizing: border-box;
}

/*..................................商品列表页................................*/
/*下拉搜索*/
.list-select {
    width: 100%;
    max-width: 768px;
    position: relative;
    z-index: 46;
}

.list-select .select-main {
    background-color: #fbfbfb;
    position: relative;
    line-height: .98rem;
    height: .98rem;
}

.list-select .select-dlleft {
    z-index: 2;
    float: left;
    width: 33.3%;
    box-sizing: border-box;
}

.list-select .select-left {
    z-index: 2;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.list-select .select-right {
    z-index: 2;
    float: right;
    width: 50%;
}

.list-select .select-main span {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    cursor: pointer;
    background: transparent;
    outline: 0;
    color: #000;
}

.list-select .select-main span cite {
    font-style: normal;
    color: #000;
}

.list-select .select-main span img {
    padding-left: .2rem;
    width: .43rem;
}

.list-select #divselect {
    float: left;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.list-select .select-dlright {
    z-index: 2;
    float: right;
    width: 33%;
}

.list-select #divselect2 {
    float: left;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.list-select .showcata, .list-select .showcata2, .list-select .showcata3 {
    z-index: 31;
    position: absolute;
    top: .98rem;
    width: 100%;
    background: #fbfbfb;
    text-align: center;
}

.list-select .showcata ul li, .list-select .showcata2 ul li, .list-select .showcata3 ul li {
    line-height: .95rem;
    border-bottom: 1px solid #e8e8e8;
}

.list-select .showcata ul li a, .list-select .showcata2 ul li a, .list-select .showcata3 ul li a {
    display: block;
    color: #333;
    text-decoration: none;
}

/*商品列表*/
.list-main.margin-top {
    position: relative;
}

.list-main a {
    color: #000;
}

.list-main .pro-list {
    box-sizing: border-box;
    height: 1.87rem;
    overflow: hidden;
}

.list-main .pro-list .pro-pic {
    width: 1.28rem !important;
    overflow: hidden;
    position: relative;
    height: 1.28rem;
    line-height: 1.28rem;
}

.list-main .pro-list .pro-pic img {
    height: 1.28rem;
    vertical-align: top;
}

.pro-list .pro-pic .pro-cata4 {
    z-index: 1;
    position: absolute;
    top: 0;
    left: .95rem;
    width: .33rem;
    height: .33rem;
    text-align: center;
    font-size: .22rem;
    color: #fff;
    background: #a266f5;
    line-height: .33rem;
}

.pro-list .pro-pic .pro-cata5 {
    z-index: 1;
    position: absolute;
    top: 0;
    left: .95rem;
    width: .33rem;
    height: .33rem;
    text-align: center;
    font-size: .22rem;
    color: #fff;
    background: #ee4844;
    line-height: .33rem;
}

.list-main .pro-list .pro-title {
    float: right;
    width: 5.76rem;
    min-width: 80%;
    box-sizing: border-box;
    padding-left: .2rem;
    font-size: .3rem;
    max-height: 1.28rem;
    overflow: hidden;
    line-height: .44rem;
}

.list-main .pro-list .pro-title p.catagory {
    height: .4rem;
    line-height: .4rem;
    white-space: nowrap;
    overflow: hidden;
}

.list-main .pro-list .pro-title p.title {
    height: .5rem;
    line-height: .5rem;
    white-space: nowrap;
    overflow: hidden;
}

.list-main .pro-list .pro-title p.price {
    line-height: .4rem;
}

.pro-listc {
    box-sizing: border-box;
}

.pro-listc div {
    width: 4.32rem;
    margin: 0 auto;
}

.pro-listc a {
    display: block;
    height: .92rem;
    line-height: .92rem;
    background: #f75f47;
    text-align: center;
    font-size: .36rem;
    width: 4.32rem;
    color: #fff;
}

/*代练发布*/
li.m-padding.curent {
    display: inline-block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    float: left;
    width: 1.8rem;
}

.rele-list ul li .rele-input-tx {
    width: 3.1rem;
    height: 1.1rem;
    padding: .25rem 0;
    font-size: .32rem;
    float: left;
    line-height: .43rem;
}

.buy-mind {
    padding: .24rem .3rem;
    height: auto;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

.buy-mind .buid-left {
    width: 85%;
    height: auto;
    overflow: hidden;
}

.buy-mind .buid-left .mbd-ico {
    height: .94rem;
    background: url(../../images/xin-ico.png) no-repeat 0 center;
    width: 13%;
    background-size: .55rem;
}

.buy-mind .buid-left .mbd-tex {
    height: auto;
    overflow: hidden;
    width: 83%;
}

.buy-mind .buid-left .mbd-tex h2 {
    height: .5rem;
}

.buy-mind .buid-left .mbd-tex h2 em {
    float: right;
    line-height: .5rem;
    font-size: .32rem;
    color: #000;
    font-family: "Microsoft Yahei", 'Arial', sans-serif;
}

.buy-mind .buid-left .mbd-tex h2 span {
    font-size: .32rem;
    color: #000;
    float: left;
    line-height: .5rem;
    display: inline-block;
}

.buy-mind .buid-left .mbd-tex h2 span i {
    display: inline-block;
    float: right;
    width: .34rem;
    height: .5rem;
    background: url(../../images/anfw-ico.png) no-repeat 0 center;
    margin-left: .08rem;
    background-size: .34rem;
}

.buy-mind .buid-left .mbd-tex p {
    font-size: .24rem;
    color: #666;
    line-height: .44rem;
}

.buy-mind .buid-right {
    width: 1.05rem;
    height: .59rem;
    margin-top: .15rem;
}

.label-switch {
    vertical-align: middle;
    width: 100%;
    border-radius: .4rem;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    cursor: pointer;
    -webkit-align-self: center;
    align-self: center;
}

.label-switch input[type="checkbox"] {
    display: none;
}

.label-switch input[type="checkbox"]:checked + .checkbox {
    background: #4cd964;
}

.label-switch input[type="checkbox"]:checked + .checkbox:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.label-switch input[type="checkbox"]:checked + .checkbox:after {
    -webkit-transform: translateX(92%);
    transform: translateX(92%);
}

.label-switch .checkbox {
    width: 100%;
    border-radius: 40px;
    box-sizing: border-box;
    height: 100%;
    background: #9f9d9d;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.label-switch .checkbox:before {
    content: ' ';
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 2%;
    width: 96%;
    border-radius: .4rem;
    box-sizing: border-box;
    height: 96%;
    background: #9f9d9d;
    z-index: 1;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.label-switch .checkbox:after {
    content: ' ';
    height: 92%;
    width: 50%;
    border-radius: .4rem;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    margin: 2%;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.4);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

/*套餐详情*/
.swxf-main {
    height: auto;
    display: block;
    overflow: hidden;
    padding-bottom: 5.2rem;
}

.swxf-main .xfeng-add {
    padding: .4rem .3rem;
    height: auto;
}

.xfeng-add .fdd-img {
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
    margin: 0 auto;
}

.xfeng-add .fdd-img span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.xfeng-add .fdd-img img {
    vertical-align: middle;
    max-width: 1.28rem;
    max-height: 1.28rem;
    width: 100%;
}

.xfeng-add .fdd-img i {
    position: absolute;
    width: .33rem;
    height: .33rem;
    text-align: center;
    line-height: .33rem;
    font-size: .22rem;
    color: #fff;
    top: 0px;
    right: 0px;
}

.xfeng-add .fdd-img i.dan {
    background-color: #a266f5;
}

.xfeng-add .fdd-text {
    padding: .28rem 0 .2rem 0;
}

.xfeng-add .fdd-money {
    height: .4rem;
    line-height: .4rem;
}

.xfent-note {
    height: auto;
    overflow: hidden;
}

.xfent-note .note-titl {
    height: 1.1rem;
    line-height: 1.1rem;
}

.xfent-note .note-conn {
    height: auto;
}

.xfent-note .note-conn p {
    line-height: .5rem;
    font-size: .32rem;
    color: #000;
}

.xf-deposit {
    height: 1.1rem;
    line-height: 1.1rem;
}

.xf-mind {
    padding: .25rem .3rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.xf-mind .mind-left {
    width: 80%;
    height: auto;
    display: block;
    overflow: hidden;
    float: left;
}

.xf-mind .mind-left .min-squ h2 {
    height: .52rem;
    line-height: .52rem;
    font-size: .32rem;
    color: #000000;
}

.xf-mind .mind-left .min-squ p {
    font-size: .26rem;
    color: #666666;
    height: .52rem;
    line-height: .52rem;
}

.xf-mind .mind-left .min-qia {
    float: right;
    height: 1.04rem;
    line-height: 1.04rem;
    font-size: .32rem;
    color: #000000;
}

.xf-mind .mind-righ {
    float: right;
    display: block;
    width: 1.18rem;
    height: .59rem;
    margin: .23rem 0 .22rem 0;
}

/*英雄联盟套餐详情*/
.detail-main {
    height: auto;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-conn {
    background-color: #fff;
    height: auto;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-conn dl {
    padding: .3rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-conn dl dt {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
}

.comd-img {
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
}

.comd-img span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.comd-img img {
    vertical-align: middle;
    max-width: 1.28rem;
    max-height: 1.28rem;
    width: 100%;
}

.comd-img i {
    position: absolute;
    width: .33rem;
    height: .33rem;
    text-align: center;
    line-height: .33rem;
    font-size: .22rem;
    color: #fff;
    top: 0px;
    right: 0px;
}

i.dan {
    background-color: #a266f5;
}

.detail-main .yxlm-datail dl dd {
    margin-left: 1.52rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-datail dl dd h2 {
    height: .66rem;
    line-height: .66rem;
    font-size: .32rem;
    color: #000;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-conn dl dd p {
    line-height: .45rem;
    font-size: .32rem;
    color: #333;
    max-height: .83rem;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-datail dl dd p {
    margin-top: .1rem;
}

.detail-main .yxlm-datail dl dd p em {
    font-size: .28rem;
    color: #666;
    float: right;
}

.detail-main .yxlm-datail dl dd p i {
    color: #f75e46;
}

.yxlm-addren {
    background-color: #fff;
    height: auto;
    display: block;
    overflow: hidden;
}

.yxlm-addren .addren-titl {
    height: 1.1rem;
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.yxlm-addren .addren-titl span {
    float: left;
    line-height: 1.1rem;
    font-size: .32rem;
}

.addata-conn {
    padding: .3rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.addata-conn .add-left {
    width: 1.17rem;
    height: 1.17rem;
    float: left;
}

.addata-conn .add-left span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.addata-conn .add-left img {
    vertical-align: middle;
    width: 100%;
}

.addata-conn .add-cren {
    margin-left: 1.55rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.addata-conn .add-cren h2 {
    font-size: .32rem;
    color: #000;
}

.cren-post {
    position: relative;
    width: 98%;
    height: .2rem;
    background: url(../../images/cren-post-bj.png) repeat-x 0 0;
    margin: .1rem 0;
    background-size: .08rem;
}

.cren-post span {
    display: block;
    height: .2rem;
    background-color: #a4a4a4;
    border-radius: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.addata-conn .add-cren p {
    font-size: .26rem;
    color: #000;
}

.addata-conn .add-cren p em {
    margin-right: .24rem;
}

.yxlm-addren a {
    color: #000;
}

.yxlm-addren .addren-titl i.ylm-ico {
    display: block;
    float: right;
    width: .13rem;
    height: 1.1rem;
    background: url(../../images/lease-list-ico.png) no-repeat 0 center;
    margin-left: .3rem;
    background-size: .13rem;
}

.yxlm-addren .addren-conn {
    padding: 0px .3rem 0;
    height: auto;
    display: block;
    overflow: hidden;
}

.yxlm-addren .addren-conn ul {
    width: 116%;
}

.yxlm-addren .addren-conn ul li {
    float: left;
    width: 15%;
    height: auto;
    margin-bottom: .3rem;
    padding-top: .4rem;
}

.yxlm-addren .addren-conn ul li .ad-img {
    width: .9rem;
    height: .9rem;
}

.yxlm-addren .addren-conn ul li .ad-img img {
    width: 100%;
}

.yxlm-addren .addren-conn ul li .ad-text {
    text-align: center;
    font-size: .2rem;
    color: #666;
    width: .9rem;
    margin-top: .16rem;
    line-height: .24rem;
    height: .3rem;
}

.adtail-list {
    height: auto;
    display: block;
    overflow: hidden;
    padding-bottom: .3rem;
    border-bottom: 0px solid #e8e8e8;
    text-align: right;
}

.adtail-list a {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    line-height: .64rem;
    margin-top: .22rem;
    margin-left: .28rem;
    font-size: .32rem;
    color: #000;
    text-align: center;
    background-color: #eaeaea;
    position: relative;
}

.adtail-list a.active {
    background-color: #f75e46;
    color: #fff;
}

.adtail-list a.active i {
    display: block;
    position: absolute;
    width: .64rem;
    height: .1rem;
    left: 0px;
    bottom: -.09rem;
    background: url(../../images/adtail-list-ico.png) no-repeat center 0;
    background-size: .18rem;
}

.yxlm-addren .addren-fuwei {
    height: auto;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
}

.yxlm-addren .addren-fuwei ul {
    width: 100%;
}

.yxlm-addren .addren-fuwei ul li {
    width: 25%;
    float: left;
    height: auto;
    margin-top: .3rem;
}

.yxlm-addren .addren-fuwei ul li .fu-list {
    height: auto;
    display: block;
    overflow: hidden;
    border-right: 1px solid #f1f1f1;
    margin-bottom: .3rem;
}

.yxlm-addren .addren-fuwei ul li h2 {
    font-size: .26rem;
    color: #666;
    line-height: .4rem;
    text-align: center;
}

.yxlm-addren .addren-fuwei ul li p {
    font-size: .32rem;
    color: #000;
    line-height: .45rem;
    text-align: center;
}

.yxlm-addren {
    background-color: #fff;
    height: auto;
    display: block;
    overflow: hidden;
}

.record-list {
    padding: .3rem 0;
    height: auto;
    display: block;
    overflow: hidden;
}

.record-list li {
    height: auto;
    display: block;
    overflow: hidden;
    margin-left: .3rem;
    float: left;
}

.record-list li .detimg {
    width: 2.14rem;
    height: .8rem;
}

.record-list li .detimg span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.record-list li .detimg img {
    vertical-align: middle;
    width: 100%;
}

/*新版选择区服页面样式-2017-04-18添加 publish-game引用*/
.search-container {
    padding: 0.2rem 0.2rem
}

.search-box {
    width: 100%;
    height: 0.76rem;
    background-image: url("../../images/common/search.jpg");
    background-repeat: no-repeat;
    background-size: 0.32rem 0.32rem;
    background-position: 0.2rem 0.22rem;
}

.div_sea {
    line-height: .76rem;
    padding-left: .7rem;
}

.search-box input {
    height: 0.4rem;
    border: none;
    margin-left: 0.76rem;
    margin-top: 0.18rem;
    width: 80%;
}

.pt-40 {
    padding-top: .4rem !important;
}

/*陪玩商品详情页*/

.pl-details {
    height: auto;
    display: block;
    overflow: hidden;
}

.pl-details .pldet-pcadd {
    height: auto;
    display: block;
    background-color: #fff;
    overflow: hidden;
}

.pl-details .pldet-pcadd dl {
    height: auto;
    display: block;
    padding: .3rem;
    overflow: hidden;
}

.pl-details .pldet-pcadd dl dt {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
}

.pl-details .pldet-pcadd dl dt .pcadd-img {
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
}

.pl-details .pldet-pcadd dl dt .pcadd-img span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.pl-details .pldet-pcadd dl dt .pcadd-img img {
    vertical-align: middle;
    max-width: 1.28rem;
    max-height: 1.28rem;
    width: 100%;
}

.pl-details .pldet-pcadd dl dt .pcadd-img i.pei {
    background-color: #ee4844;
}

.pl-details .pldet-pcadd dl dt .pcadd-img i {
    position: absolute;
    width: .33rem;
    height: .33rem;
    text-align: center;
    line-height: .33rem;
    font-size: .22rem;
    color: #fff;
    top: 0px;
    right: 0px;
}

.pl-details .pldet-pcadd dl dd {
    margin-left: 1.596rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.pl-details .pldet-pcadd dl dd h2 {
    height: .3998rem;
    line-height: .3998rem;
    font-size: .2798rem;
    color: #888888;
    overflow: hidden;
}

.pl-details .pldet-pcadd dl dd h3 {
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #000;
    overflow: hidden;
}

.pl-details .pldet-pcadd dl dd p {
    height: .3998rem;
    line-height: .3998rem;
    overflow: hidden;
}

.pl-details .pldet-pcadd dl dd p i {
    color: #f75e46;
    font-size: .3rem;
}

.pldet-list {
    height: auto;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

.pldet-list ul li {
    padding: 0 .3rem;
    height: 1.32rem;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.pldet-list ul li label {
    display: inline-block;
    height: 1.32rem;
    line-height: 1.32rem;
    font-size: .32rem;
    float: left;
}

.pldet-list ul li i.tex {
    float: right;
    display: inline-block;
    height: 1.32rem;
    line-height: 1.32rem;
    font-size: .32rem;
}

.pldet-list ul li span.list {
    float: right;
    display: block;
    width: auto;
    height: .8198rem;
    font-size: .32rem;
    margin-top: .25rem;
    margin-left: .06rem;
}

.pldet-list ul li span.list em {
    display: inline-block;
    width: .8198rem;
    height: .8198rem;
    background-color: #ffffff;
    float: left;
    margin: 0 .15rem;
}

.pldet-list ul li span.list em a.redu {
    background: url(../../images/re-redu-hov.png) no-repeat center center;
}

.pldet-list ul li span.list em a.add-hov {
    background: url(../../images/re-add-l.png) no-repeat center center;
    border-color: #f7634c;
}

.pldet-list ul li span.list em a {
    float: left;
    width: .8rem;
    height: .8rem;
    border: 1px solid #e8e8e8;
    background-size: 40% !important;
}

.pldet-list ul li span.list .inp-fabu {
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    color: #000000;
    width: 1.872rem;
    float: left;
    text-align: center;
    -webkit-appearance: none;
    outline: none;
    border-radius: 0px;
    opacity: 1;
    font-family: "Arial";
}

.rele-leapo {
    height: auto;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

.newScree {
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.newScree section {
    width: 100%;
}

.newScree section a {
    display: block;
    color: #000;
}

.newScree section font {
    display: inline-block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    float: left;
}

.newScree section label {
    display: block;
    margin-left: 1.48rem;
    text-align: right;
    height: 1.1rem;
    cursor: pointer;
}

.newScree section label em {
    display: inline-block;
    line-height: 1.1rem;
    font-size: .32rem;
    color: #000;
    max-width: 92%;
    overflow: hidden;
    height: 1.1rem;
}

.newScree section label i {
    display: block;
    float: right;
    width: .13rem;
    height: 1.11rem;
    background: url(../../images/lease-list-ico.png) no-repeat 0 center;
    margin-left: .3rem;
    background-size: 100%;
}

.plder-cover {
    height: auto;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

.plder-cover ul li {
    height: auto;
    display: block;
    overflow: hidden;
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.plder-cover ul li label {
    height: 1.1rem;
    line-height: 1.1rem;
    float: left;
    font-size: .32rem;
}

.plder-cover ul li .pld-inp {
    margin-left: 2.28rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.plder-cover ul li .pld-inp .list-input-txt {
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    color: #000;
    border: none;
}

.pldet-btm {
    margin-top: .2798rem;
    height: auto;
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 0 .3rem;
}

.pldet-btm a {
    font-size: .32rem;
    color: #0e50d8;
}

.inds-foot {
    position: fixed;
    bottom: 0px;
    left: 0;
    height: auto;
    width: 100%;
    max-width: 768px;
    z-index: 46;
    background-color: #fff;
}

.inds-foot .rele-btn {
    margin-top: 0px;
}

.rele-btn {
    background-color: #fff;
    height: auto;
    display: block;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
    padding: .3rem;
}

.rele-btn a.active {
    background-color: #f75e46;
}

.rele-btn a {
    display: block;
    height: .92rem;
    background-color: #bbbbbb;
    color: #fff;
    text-align: center;
    font-size: .36rem;
    line-height: .92rem;
}

.pldet-list ul li span.list em a.redu-hov {
    background: url(../../images/re-redu-l.png) center center no-repeat;
    border-color: #f7634c;
}

.process-main, .process-main2, .publogin-main {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #f1f1f1;
    height: 100%;
    max-width: 768px;
    padding-bottom: .5rem;
    z-index: 99;
}

.header-top {
    height: .96rem;
    background-color: #f6f6f6;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    text-align: center;
}

.header-top .return {
    display: inline-block;
    width: 10%;
    height: .96rem;
    left: 0;
    background: url(../../images/left.png) .3rem center no-repeat;
    background-size: .21rem;
    position: absolute;
    top: 0;
}

.header-top span {
    display: block;
    height: .96rem;
    line-height: .96rem;
    font-size: .36rem;
    color: #333;
    text-align: center;
}

.process-conn {
    height: auto;
    display: block;
    margin: .5rem .38rem 0;
    background: url(../../images/process-bj.png) .25rem 0 repeat-y;
}

.process-conn ul li {
    height: auto;
    margin-bottom: .5rem;
}

.process-conn ul li .pro-left {
    width: .48rem;
    height: .7rem;
    float: left;
}

.process-conn ul li .pro-left-bj {
    background-color: #f1f1f1;
}

.process-conn ul li .pro-left span.hover {
    background-color: #f75f47;
}

.process-conn ul li .pro-left span {
    height: .48rem;
    border: 3px solid #f1f1f1;
    background-color: #bbb;
    border-radius: 50%;
}

.process-conn ul li .pro-left span, .process-conn ul li .pro-left1 span {
    display: block;
    margin-top: .22rem;
    width: .58rem;
    height: 0.58rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: .26rem;
    font-family: Arial;
    color: #fff;
    font-weight: bolder;
}

.process-conn ul li .pro-right {
    margin-left: .84rem;
    width: 76%;
    height: auto;
    padding: .25rem .3rem;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
}

.process-conn ul li .pro-right .prico {
    width: .13rem;
    height: .27rem;
    background: url(../../images/prico-s.png) no-repeat;
    position: absolute;
    top: .34rem;
    left: -.12rem;
    background-size: 100%;
}

.process-conn ul li .pro-right h2 {
    line-height: .45rem;
    font-size: .32rem;
    color: #000;
}

.process-conn ul li.bacder {
    background-color: #f1f1f1;
}

/*
发布陪练页面
*/

.rele-lease, .release-main {
    height: auto;
    display: block;
    overflow: hidden;
}

.rele-lease {
    background-color: #fff;
}

.rele-lease ul li, .rele-list ul li {
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.rele-lease ul li span {
    display: inline-block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    float: left;
}

.rele-lease ul li label {
    display: block;
    margin-left: 1.5rem;
    text-align: right;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    cursor: pointer;
}

.rele-leapo {
    height: auto;
    display: block;
    overflow: hidden;
}

.pl-details .pldet-pcadd, .rele-leapo {
    background-color: #fff;
}

.newScree {
    padding: 0 .3rem;
}

.newScree section {
    width: 100%;
}

.newScree section a {
    display: block;
    color: #000;
}

.newScree section font {
    display: inline-block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    float: left;
}

.newScree section label {
    display: block;
    margin-left: 1.48rem;
    text-align: right;
    height: 1.1rem;
    cursor: pointer;
}

.newScree section label b {
    display: inline-block;
    line-height: 1.1rem;
    font-size: .32rem;
    color: #000;
    font-weight: 400;
}

.rele-list {
    height: auto;
    display: block;
    overflow: hidden;
}

.rele-list ul li {
    height: 1.1rem;
    position: relative;
}

.rele-lease ul li, .rele-list ul li {
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.rele-list ul li span {
    display: inline-block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
    float: left;
    width: 1.8rem;
}

.rele-list ul li .rele-input-tx2 {
    height: 1.08rem;
    line-height: 1.5em;
    padding: .3rem 0;
    font-size: .32rem;
    width: 73%;
    float: left;
    border: none;
}

.rele-pract {
    height: auto;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

.rele-pract ul li {
    padding: 0 .3rem;
    height: 1.32rem;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.rele-pract ul li label {
    display: inline-block;
    height: 1.32rem;
    line-height: 1.32rem;
    font-size: .32rem;
    float: left;
}

.rele-pract ul li span.list {
    float: left;
    display: block;
    width: 3.552rem;
    height: .82rem;
    font-size: .32rem;
    margin-top: .25rem;
    margin-left: .06rem;
}

.rele-pract ul li span.list em {
    display: inline-block;
    width: .82rem;
    height: .82rem;
    background-color: #fff;
    float: left;
    margin: 0 .15rem;
}

.rele-pract ul li span.list em a.redu {
    background: url(../../images/re-redu-hov.png) center center no-repeat;
}

.rele-pract ul li span.list em a.add-hov {
    background: url(../../images/re-add-l.png) center center no-repeat;
    border-color: #f7634c;
}

.rele-pract ul li span.list em a {
    float: left;
    width: .8rem;
    height: .8rem;
    border: 1px solid #e8e8e8;
    background-size: 40% !important;
}

.rele-pract ul li span.list .inp-fabu {
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    color: #000;
    width: 1.26rem;
    float: left;
    border-radius: 0;
    text-align: center;
    opacity: 1;
    font-family: Arial;
    -webkit-appearance: none;
    outline: 0;
}

.rele-pract ul li i.tex {
    float: right;
    display: inline-block;
    height: 1.32rem;
    line-height: 1.32rem;
    font-size: .32rem;
}

.mt-96 {
    margin-top: .96rem;
}

.rele-pract ul li span.list em a.redu-hov {
    background: url(../../images/re-redu-l.png) center center no-repeat;
    border-color: #f7634c;
}

/*
守望先锋代练商品详情
*/

.swxf-main {
    height: auto;
    display: block;
    overflow: hidden;
    padding-bottom: 3.2rem;
}

.swxf-main .xfeng-add {
    padding: .4rem .3rem;
    height: auto;
    background-color: #fff;
    text-align: center;
}

.xfeng-add .fdd-img {
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
    margin: 0 auto;
}

.xfeng-add .fdd-img span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.xfeng-add .fdd-img img {
    vertical-align: middle;
    max-width: 1.28rem;
    max-height: 1.28rem;
    width: 100%;
}

.xfeng-add .fdd-img i.dan {
    background-color: #a266f5;
}

.xfeng-add .fdd-img i {
    position: absolute;
    width: .33rem;
    height: .33rem;
    text-align: center;
    line-height: .33rem;
    font-size: .22rem;
    color: #fff;
    top: 0;
    right: 0;
}

.xfeng-add .fdd-text {
    font-size: .32rem;
    color: #000;
    padding: .28rem 0 .2rem;
    height: .8rem;
    line-height: .8rem;
}

.xfeng-add .fdd-money {
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    color: #f75e46;
}

.xf-deposit {
    height: 1.1rem;
    line-height: 1.1rem;
    padding: 0 .3rem;
    font-size: .32rem;
    color: #000;
}

/*
英雄联盟代练商品详情
*/
.detail-main {
    overflow: hidden;
}

.detail-main, .detail-main .yxlm-conn {
    height: auto;
    display: block;
}

.detail-main .yxlm-conn, .yxlm-addren, .yxlm-number {
    background-color: #fff;
    overflow: hidden;
}

.detail-main, .detail-main .yxlm-conn {
    height: auto;
    display: block;
}

.detail-main .yxlm-conn dl {
    padding: .3rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-conn dl dt {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
}

.comd-img {
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
}

.comd-img span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.comd-img img {
    vertical-align: middle;
    max-width: 1.28rem;
    max-height: 1.28rem;
    width: 100%;
}

.comd-img i.dan {
    background-color: #a266f5;
}

.comd-img i {
    position: absolute;
    width: .33rem;
    height: .33rem;
    text-align: center;
    line-height: .33rem;
    font-size: .22rem;
    color: #fff;
    top: 0;
    right: 0;
}

.detail-main .yxlm-datail dl dd {
    margin-left: 1.52rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-datail dl dd h2 {
    height: .66rem;
    line-height: .66rem;
    font-size: .32rem;
    color: #000;
    display: block;
    overflow: hidden;
}

.detail-main .yxlm-conn dl dd p {
    line-height: .45rem;
    font-size: .32rem;
    color: #333;
    max-height: .83rem;
    display: block;
    overflow: hidden;
    margin-top: .1rem
}

.detail-main .yxlm-datail dl dd p i {
    color: #f75e46;
}

.xf-mind, .xf-mind .mind-left {
    height: auto;
    overflow: hidden;
    display: block;
}

.xf-mind .mind-left {
    width: 80%;
    float: left;
}

.xf-mind .mind-left .min-squ {
    float: left;
}

.xf-mind .mind-left .min-squ h2 {
    height: .52rem;
    line-height: .52rem;
    font-size: .32rem;
    color: #000;
}

.min-squ i {
    display: inline-block;
    float: right;
    margin-left: .1rem;
    width: .34rem;
    height: .6rem;
    background: url(../../images/anfw-ico.png) 0 center no-repeat;
    background-size: .34rem;
}

.xf-mind .mind-left .min-squ p {
    font-size: .26rem;
    color: #666;
    height: .52rem;
    line-height: .52rem;
}

.xf-mind .mind-left .min-qia {
    float: right;
    height: 1.04rem;
    line-height: 1.04rem;
    font-size: .32rem;
    color: #000;
}

.xf-mind .mind-righ {
    float: right;
    display: block;
    width: 1.2rem;
    height: .7rem;
    margin: .18rem 0 0;
}

.label-switch {
    display: inline-block;
    vertical-align: middle;
    -webkit-align-self: center;
    align-self: center;
}

.label-switch, .label-switch .checkbox {
    width: 100%;
    border-radius: .4rem;
    height: 100%;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.label-switch input[type=checkbox] {
    display: none;
}

.label-switch input[type=checkbox]:checked + .checkbox {
    background: #4cd964;
}

.label-switch .checkbox {
    background: #9f9d9d;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
}

.label-switch, .label-switch .checkbox {
    width: 100%;
    border-radius: .4rem;
    height: 100%;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.label-switch input[type=checkbox]:checked + .checkbox:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.label-switch .checkbox:before {
    width: 96%;
    box-sizing: border-box;
    height: 96%;
    background: #9f9d9d;
    z-index: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.label-switch .checkbox:after, .label-switch .checkbox:before {
    content: ' ';
    border-radius: 40px;
    position: absolute;
    left: 0;
    margin: 2%;
    top: 0;
}

.label-switch input[type=checkbox]:checked + .checkbox:after {
    -webkit-transform: translateX(92%);
    transform: translateX(92%);
}

.label-switch .checkbox:after {
    height: 92%;
    width: 50%;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, .4);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.phlog {
    width: 85%;
    width: 6.9rem;
    height: auto;
    border-radius: .2rem;
    z-index: 999;
    position: fixed;
    left: 50%;
    margin-left: -3.45rem;
}

/*
打手代练中页面
*/
.medeta-lease, .memberdetail-main {
    height: auto;
    display: block;
    overflow: hidden;
}

.order-commod {
    background-color: #fff;
    height: auto;
    display: block;
    overflow: hidden;
}

.order-commod ul li {
    height: auto;
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    overflow: hidden;
}

.trans-main {
    padding: .3rem 0;
    height: auto;
    display: block;
    overflow: hidden;
}

.trans-main .trans-img {
    float: left;
    width: .96rem;
    height: .96rem;
    border-radius: .12rem;
}

.trans-main .trans-img img {
    width: 100%;
}

.trans-main .trans-text {
    float: left;
    margin-left: .24rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.trans-main .trans-text h2 {
    font-size: .32rem;
    color: #000;
    line-height: .48rem;
    height: .48rem;
}

.trans-main .trans-text p {
    font-size: .3rem;
    color: #000;
    line-height: .48rem;
    height: .48rem;
}

.trans-main .trans-rgpl {
    float: right;
    margin-top: .1rem;
}

.trans-main .trans-rgpl a.rgpl-tel {
    display: block;
    float: left;
    width: 1.92rem;
    height: .78rem;
    line-height: .78rem;
    font-size: .3rem;
    color: #fff;
    background-color: #f75e46;
}

.trans-main .trans-rgpl a.rgpl-tel i.tel {
    display: inline-block;
    width: 2.4rem;
    height: .78rem;
    background: url(../../images/trans-rgpl-tel.png) .27rem .25rem no-repeat;
    padding-left: .72rem;
    background-size: .37rem;
}

.order-commod ul li dl {
    padding: .3rem 0;
    height: auto;
    display: block;
    overflow: hidden;
}

.order-commod ul li dl dt {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
}

.comd-img {
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
}

.comd-img i.dan {
    background-color: #a266f5;
}

.comd-img span.middle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.comd-img img {
    vertical-align: middle;
    max-width: 1.28rem;
    max-height: 1.28rem;
    width: 100%;
}

.order-commod ul li dl dd {
    margin-left: 1.52rem;
    height: auto;
    display: block;
    overflow: hidden;
}

.order-commod ul li dl dd h2 {
    height: .35rem;
    line-height: .35rem;
    font-size: .28rem;
    color: #888;
    display: block;
    overflow: hidden;
}

.order-commod ul li dl dd p {
    line-height: .45rem;
    height: .45rem;
    font-size: .28rem;
    color: #333;
    margin-top: .08rem;
    max-height: .83rem;
    display: block;
    overflow: hidden;
}

.pllist-main {
    height: auto;
    overflow: hidden;
    background-color: #fffef3;
    border-bottom: 1px solid #ddd;
    padding: 0 .3rem;
    margin-bottom: .01rem;
}

.pllist-main span {
    display: block;
    float: right;
    font-size: .26rem;
    color: #f75e46;
    height: .9rem;
    line-height: .9rem;
    background: url(../../images/pllist-ico.png) right center no-repeat;
    padding-right: .26rem;
    background-size: .12rem;
}

.pllist-main label {
    font-size: .3rem;
    float: left;
    height: .9rem;
    line-height: .9rem;
}

.pllist-main label i {
    display: inline-block;
    float: left;
    width: .4rem;
    height: .4rem;
    background-color: #ee4844;
    line-height: .4rem;
    text-align: center;
    font-size: .22rem;
    color: #fff;
    margin: .24rem .15rem 0 0;
}

.trans-record {
    padding: 0 .3rem;
    height: auto;
    display: block;
    overflow-y: auto;
    max-height: 8rem;
    background: url(../../images/trans-record-bj.png) .55rem 0 repeat-y;
}

.trans-record .reco-title {
    margin-top: .3rem;
    text-align: center;
    height: .45rem;
    line-height: .45rem;
    font-size: .32rem;
}

.trans-record ul {
    margin-top: .3rem;
}

.trans-record ul li {
    height: auto;
    padding-bottom: .4rem;
}

.trans-record ul li .trans-left {
    width: .48rem;
    height: .7rem;
    float: left;
}

.trans-record ul li .trans-left span {
    display: block;
    width: .28rem;
    height: .28rem;
    margin: .44rem .12rem 0;
    background-color: #bbb;
    border-radius: 50%;
}

.trans-record ul li.tractive .trans-left span {
    width: .48rem;
    height: .48rem;
    margin: .22rem .06rem 0 .06rem;
    line-height: .24rem;
    font-size: .16rem;
    background-color: #f75e46;
    display: block;
    border-radius: 50%;
}

.trans-record ul li.tractive .trans-left span i.pod-ico {
    display: block;
    width: auto;
    height: .48rem;
    background: url(../../images/poder-02.png) center center no-repeat;
    background-size: 10px;
}

.trans-record ul li .trans-right {
    margin-left: .84rem;
    width: 78%;
    height: auto;
    padding: .15rem .3rem;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
}

.trans-record ul li.tractive .trans-right {
    border-color: #f75e46;
    background-color: #fffdfd;
}

.trans-record ul li .trans-right .prico {
    width: .16rem;
    height: .34rem;
    background-size: 100%;
    top: 16px;
    left: -7px;
    background: url(../../images/prico-s.png) no-repeat;
    position: absolute;
}

.trans-record ul li.tractive .trans-right .prico {
    width: .16rem;
    height: .34rem;
    background-image: url(../../images/trans-s.png);
    left: -7px;
    top: 16px;
    background-size: 100%;
}

.trans-record ul li .trans-right h2 {
    line-height: .48rem;
    font-size: .32rem;
    color: #000;
}

.trans-record ul li .trans-right p {
    font-size: .26rem;
    line-height: .32rem;
    color: #888;
    margin-top: .2rem;
}

.trans-record ul li .trans-right p {
    font-size: .26rem;
    line-height: .32rem;
    color: #888;
    margin-top: .2rem;
}

.dlmain-btn {
    height: auto;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    padding: .3rem;
    display: block;
    overflow: hidden;
}

.dlmain-btn a {
    display: block;
    text-align: center;
    font-size: .3rem;
}

.dlmain-btn a.tran {
    float: left;
    width: 70%;
    height: .8rem;
    line-height: .8rem;
    background-color: #f86d59;
    color: #fff;
}

.dlmain-btn a.tion {
    float: right;
    width: 25%;
    height: .78rem;
    line-height: .78rem;
    border: 1px solid #d5d5d5;
    color: #000;
}

/*
我要申诉
*/
.appeal-conv {
    height: auto;
    display: block;
    overflow: hidden;
    background-color: #fff;
    padding-top: .3rem;
    margin-bottom: .2rem;
}

.appeal-conv .appeal-titl {
    font-size: .32rem;
    height: .48rem;
    line-height: .48rem;
    color: #000;
    padding: 0 .3rem;
}

.appeal-conv .appeal-text {
    padding: .15rem .3rem;
}

.appeal-conv .appeal-text .re-tarea {
    height: 2.2rem;
    font-size: .3rem;
    color: #333;
    width: 100%;
    border: none;
    font-family: "Microsoft Yahei";
    line-height: .48rem;
    background: 0 0;
    margin-bottom: .15rem;
}

.rele-btn .rele-sub, .rele-btn a.active {
    background-color: #f75e46;
}

/*
我是玩家发布的修改信息
*/
.change {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 768px;
    z-index: 100;
}

.change .operation {
    border-top: 1px solid #e8e8e8;
    background: #fff;
}

.change .operation a, .change .upload-cancel a, .change .upload-pic a {
    line-height: 1.08rem;
    font-size: .36rem;
    color: #000;
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

.change .upload-cancel {
    margin-top: .16rem;
    border-top: 1px solid #e8e8e8;
    background: #fff;
}
.comd-img i.pei {
    background-color: #ee4844;
}
.trans-main .trans-rgpl a i.ltan {
    display: inline-block;
    width: .78rem;
    height: .78rem;
    background: url(../../images/trans-rgpl-pl.png) center center no-repeat;
    float: left;
    margin-left: .2rem;
    background-size: 100%;
}

/*
orderfee
*/
.pay-money label {
    display: block;
    float: right;
    line-height: 1.1rem;
    font-size: .3rem;
    color: #666;
}
.pay-money{width: 100%;;padding: 0.2rem 0.3rem;background: #fff;line-height: 1rem}
.pay-money span{font-size: 0.36rem;}
#pay-money{font-size: 0.42rem}
.WeChat-pay{padding: 0.2rem 0.3rem;background: #fff;border-bottom: 1px solid #e8e8e8;position: relative}
.WeChat-pay img:first-child{width: 1rem;height: 1rem;position: absolute;top:0}
.WeChat-pay img:last-child{width: 0.2rem;height: 0.4rem;position: absolute;right: 0.3rem;top:0.3rem;}
.WeChat-pay a{display: inline-block;width: 100%;height: 1rem;line-height: 1rem;position: relative}
.Alipay-pay{padding: 0.2rem 0.3rem;background: #fff;position: relative}
.Alipay-pay img:first-child{width: 1rem;height: 1rem;position: absolute;top:0}
.Alipay-pay img:last-child{width: 0.2rem;height: 0.4rem;position: absolute;right: 0.3rem;top:0.3rem;}
.Alipay-pay a{display: inline-block;width: 100%;height: 1rem;line-height: 1rem;position: relative}
.Alipay-pay a span{padding-left: 1rem}
.WeChat-pay a span{padding-left: 1rem}
.common-color {
    color: #f65e46;
}


/*英雄联盟代练*/
.rankdl-main{ height:auto; display:block; overflow:hidden;}
.rank-conn{ height:auto; display:block; overflow:hidden; padding:0.5rem 0.4rem; position:relative;}
.rank-copad{ padding:0;}
.rank-conn .rank-titl{ height:0.84rem; line-height:0.84rem;}
.rank-conn .rank-duan{height:auto; display:block; overflow:hidden;}
.rank-conn .rank-duan .rkduan-t{ width:41%; height:1.42rem; line-height:1.42rem; background:url(../../images/Icon/duan-ico.png) no-repeat right bottom;}
.rank-conn .rank-duan .rkduan-t span{ display:block; cursor:pointer;}
.rank-conn .rank-duan .rkduan-c{ width:18%; height:1.42rem; background:url(../../images/Icon/reach-ico.png) no-repeat center center; background-size:0.5rem;}
.rank-conn .rank-btn{height:auto; display:block; overflow:hidden; padding:0.8rem 0 0.3rem;}
.rank-copad .rank-btn{ padding:0.8rem 0.4rem;}
.rank-conn .rank-btn a{ display:block; height:0.9rem; line-height:0.9rem; border-radius:0.08rem;}
.rank-conn .rank-btn a.active{ background-color:#f75e46;}

.rankpop{height:auto; display:block; overflow:hidden;}
.rankpop .rankpop-titl{ height:auto; display:block; overflow:hidden; position:relative; }
.rankpop .rankpop-titl span{ display:block;line-height:0.84rem;height:0.84rem;}
.rankpop .rankpop-titl a{ display:block;line-height:0.84rem;height:0.84rem; position:absolute;}
.rankpop .rankpop-titl a.cancel{ top:0; left:0;}
.rankpop .rankpop-titl a.finish{ top:0; right:0;}

.rankpop-conn{ height:4.2rem; display:block; overflow:hidden; }
.rankpop-conn .list{ width:50%; height:3.6rem; margin:0.3rem 0; overflow-x:auto;}
.rankpop-conn .list ul li{ margin-top:0.3rem; color:#aeaeae;}
.rankpop-conn .list ul li.active{ color:#333333;}

.rkculling-titl{ background-color:#fff9ea; height:1.18rem; line-height:1.18rem;}
.rkculling-titl .rkculling-t{ width:41%;height:1.18rem; position:relative; }
.rkculling-titl .rkculling-t i.tretn{ position:absolute; top:0; left:0rem; height:1.18rem; width:0.4rem; background:url(../../images/Icon/rkduan-tretn.png) no-repeat 0.2rem center; background-size:0.16rem; display:block; z-index:10;}
.rkculling-titl .rkculling-t span{ display:block;}
.rkculling-titl .rkculling-c{ width:18%;height:1.18rem; background:url(../../images/Icon/reach-ico.png) no-repeat center center; background-size:0.5rem;}

.rank-conn .rkculling-down{ position:absolute; width:100%; top:1.16rem; height:0.22rem; background:url(../../images/Icon/rkculling-down.png) no-repeat top center; background-size:1.37rem; z-index:9}

.rkculling-conn{ height:1.86rem; position:relative;}
.rkculling-conn .rkculling-t{ width:50%; height:1.86rem; display:block; overflow:hidden; padding-top:0.47rem; }
.rkculling-conn .rkculling-t span{ display:block; height:0.58rem; line-height:0.58rem; }
.rkculling-conn .rkculling-t em{display:block; height:0.65rem; line-height:0.65rem;}
.rkculling-conn .rkculling-c{ width:18%}
.rkculling-conn .rkculling-s{ position:absolute; width:100%; height:0.34rem; background:#fff url(../../images/Icon/rkculling-s.png) no-repeat bottom center; background-size:0.4rem; bottom:0;}


.mbpub-main{ height:auto; display:block; overflow:hidden;}
.mbpub-main .mbpub-list{ height:auto; display:block; overflow:hidden;}
.mbpub-main .mbpub-list .mbpub-name{ height:1.1rem; line-height:1.1rem; width:2.2rem;}
.mbpub-main .mbpub-list .mbpub-texl{ height:auto; display:block; overflow:hidden; width:68%;}
.mbpub-main .mbpub-list .mbpub-texl .pub-input{ height:1.09rem; line-height:0.7rem; width:90%;}
.mbpub-main .mbpub-list .mbpub-texl span{ display:block; height:1.1rem; line-height:1.1rem; background:url(../../images/Icon/out-ico.png) no-repeat right center; background-size:0.14rem; padding-right:0.4rem;}
.mbpub-btn{height:auto; display:block; overflow:hidden;}
.mbpub-btn a.btn{ height:0.95rem; line-height:0.95rem; display:block; border-radius:0.08rem;}

.mbpub-main .mbpub-list .mbpub-texl em.dlmbimg{ display:inline-block; width:0.8rem; height:0.8rem; line-height:0.8rem; margin-right:0; }
.mbpub-main .mbpub-list .mbpub-texl em.dlmbimg img{ width:100%; height:100%; border-radius:0.1rem; vertical-align:top;}

.mbpub-pop{height:auto; display:block; overflow:hidden; z-index:666}
.mbpub-pop .mbpop-titl{ height:0.96rem; line-height:0.96rem; position:relative;}
.mbpub-pop .mbpop-titl .close{ background:url(../../images/Icon/close-img.png) no-repeat center center; height:0.96rem; position:absolute; width:0.95rem; right:0; top:0; background-size:0.22rem;}
.mbpub-pop .mbpop-conn{height:auto; display:block; overflow:hidden;}
.mbpub-pop .mbpop-conn .mbpop-list{ height:0.96rem; line-height:0.96rem;}

.mbpub-heroic{height:auto; display:block; overflow:hidden;}
.mbpub-heroic .heroic-titl{height:auto; display:block; overflow:hidden;}
.mbpub-heroic .heroic-titl a{ display:block; width:14%; height:0.9rem; line-height:0.9rem; border-bottom:0.04rem solid #fff; text-align:center; margin:0 2.3% 0 0.3%;}
.mbpub-heroic .heroic-titl a.active{ color:#f75e46; border-color:#f75e46;}

.mbpub-heroic .heroic-conn{height:auto; display:block; overflow:hidden;}
.mbpub-heroic .heroic-conn .herlist{height:auto; display:block; overflow:hidden; width:15%; margin-right:5%; margin-top:0.45rem;}
.mbpub-heroic .heroic-conn .herlist .pic{ display:block; border:0.04rem solid #fff; position:relative; width:100%;}
.mbpub-heroic .heroic-conn .herlist .active{ border-color:#f75e46;}
.mbpub-heroic .heroic-conn .herlist .active i{ background:url(../../images/Icon/choose-ico.png) no-repeat right bottom; background-size:0.30rem; position:absolute; display:block; right:-1px; bottom:-1px; width:0.30rem; height:0.30rem;}
.mbpub-heroic .heroic-conn .herlist .pic img{ width:100%;}
.mbpub-heroic .heroic-conn .herlist p{ margin-top:0.1rem; width:100%; overflow:hidden;}